<!DOCTYPE html>
<html style="font-size: 100px;" class="hb-loaded">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
	<meta content="telephone=no, email=no" name="format-detection">
	<title>新年迎财神活动</title>
	<link href="css/index.css" rel="stylesheet">
	<script>
			! function(e) {
				e.localStorage = e.localStorage || Object.defineProperty(e, "localStorage", {
					value: {
						length: 0
					},
					writable: !0,
					enumerable: !0,
					configurable: !0
				});
				var t = ["getItem", "setItem", "removeItem", "clear", "key"],
					n = t.reduce(function(t, n) {
						return t[n] = e.localStorage[n], t
					}, {});
				t.reduce(function(t, o) {
					return t[o] = function() {
						try {
							return n[o].apply(e.localStorage, arguments)
						} catch(e) {
							return void console.log("localStorage错误：", e)
						}
					}, t
				}, e.localStorage)
			}(window),
			function() {
				function e() {
					var e = document.documentElement.clientWidth || window.screen.width,
						t = 375,
						n = 100,
						o = e / t * n;
					document.documentElement.style.fontSize = o + "px"
				}
				e(), window.addEventListener("resize", e)
			}()
		</script>
</head>
<body>
	<div id="container" class="container cloud-anim-key">
		<div id="header" class="header disappear-trans">
			<div class="header-button"><span id="share" class="header-button-style header-button-margin">分享</span> <span id="goAwardBtn" class="header-button-style header-button-margin"><span class="text">我的奖品</span><span class="rewards-num">0</span></span> <span id="openRule" class="header-button-style header-button-rule">规则</span></div>
			<div class="header-title">
				<div class="header-title-img"></div>
				<div class="header-title-txt">活动时间: 年初一至初七</div>
			</div>
			<div id="music" class="music music-ani"></div>
		</div>
		<div class="content">
			<div id="caishenWrap" class="caishen-wrap caishen-trans">
				<div id="caishenAnimWrap" class="caishen-anim">
					<div id="bodymovin" class="caishen" data-animation-path="animation/" data-anim-loop="true" data-name="ninja">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 820" width="960" height="820" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;">
							<defs>
								<clippath id="animationMask_4PYNXqcXMG">
									<rect width="960" height="820" x="0" y="0"></rect>
								</clippath>
								<clippath id="cp_7q6fyJXX">
									<path d="M0,0 L750,0 L750,1334 L0,1334z"></path>
								</clippath>
								<clippath id="cp_Z4jPDas7">
									<path d="M0,0 L750,0 L750,1334 L0,1334z"></path>
								</clippath>
								<clippath id="Yj4bGxEy4M">
									<path fill="#ffffff" clip-rule="nonzero" d=" M284.323,535.654 C284.323,535.654 279.845,550.4970000000001 279.502,554.546 C278.80400000000003,562.779 284.49300000000005,574.2090000000001 281.511,581.075 C280.242,583.998 280.36899999999997,583.463 278.698,582.683 C277.692,582.213 276.515,574.8 274.279,567.409 C272.802,562.527 269.81199999999995,557.8180000000001 269.859,554.546 C269.976,546.321 284.323,535.654 284.323,535.654" fill-opacity="1"></path>
								</clippath>
								<clippath id="MZLqqAWHbj">
									<path fill="#ffffff" clip-rule="nonzero" d=" M360.932,540.498 C360.932,540.498 359.96099999999996,541.51 359.472,541.067 C358.983,540.623 359.103,539.332 360.552,537.365 C362.00100000000003,535.398 364.52,532.48 367.82,531.078 C377.098,527.136 384.603,532.906 384.603,532.906 C384.603,532.906 384.845,536.119 380.714,534.724 C373.751,532.374 369.969,532.816 366.484,535.325 C362.83599999999996,537.952 360.932,540.498 360.932,540.498" fill-opacity="1"></path>
								</clippath>
								<clippath id="uNfKXLl0uj">
									<path fill="#ffffff" clip-rule="nonzero" d=" M324.374,549.93 C324.374,549.93 325.776,549.962 325.81,549.303 C325.844,548.644 324.849,547.814 322.435,547.442 C320.021,547.07 316.17699999999996,546.78 312.849,548.115 C303.493,551.868 302.242,561.254 302.242,561.254 C302.242,561.254 304.336,563.702 306.281,559.798 C309.559,553.218 312.552,550.863 316.791,550.182 C321.229,549.469 324.374,549.93 324.374,549.93" fill-opacity="1"></path>
								</clippath>
								<mask id="ly_ZS8ToNn4Lz" mask-type="alpha">
									<g transform="matrix(1,0,0,1,375,667)" opacity="1" style="user-select: none;">
										<g opacity="1" transform="matrix(1,0,0,1,0,0)">
											<path fill="rgb(255,244,191)" fill-opacity="1" d="M0 0 M217.5,-294 C189.5,-314.5 109,-331 94.5,-274.5 C86.356,-242.768 106,-170 106,-170 C106,-170 116.5,-142.5 118,-131 C119.5,-119.5 127,-111.5 142.5,-111 C158,-110.5 176.5,-114.5 194,-108.5 C211.5,-102.5 223.5,-95.5 228.5,-77 C233.5,-58.5 260.5,-132.5 253,-140.5 C245.5,-148.5 245.5,-273.5 217.5,-294z"></path>
										</g>
									</g>
								</mask>
							</defs>
							<g clip-path="url(#animationMask_4PYNXqcXMG)">
								<g clip-path="url(#cp_7q6fyJXX)" transform="matrix(1,0,0,1,65,-385)" opacity="1">
									<g transform="matrix(0.9996,-0.0291,0.0291,0.9996,101.0771,480.8422)" opacity="1">
										<image width="93px" height="126px" preserveAspectRatio="xMidYMid slice" href="./images/img_15.png"></image>
									</g>
									<g transform="matrix(0.9996,-0.0291,0.0291,0.9996,96.8267,437.9477)" opacity="1">
										<image width="328px" height="76px" preserveAspectRatio="xMidYMid slice" href="./images/img_14.png"></image>
									</g>
									<g transform="matrix(0.9895,0.1444,-0.1444,0.9895,210.734,535.8898)" opacity="1">
										<image width="70px" height="79px" preserveAspectRatio="xMidYMid slice" href="./images/img_13.png"></image>
									</g>
									<g transform="matrix(0.9795,-0.2015,0.2015,0.9795,372.1521,520.4936)" opacity="1">
										<image width="88px" height="60px" preserveAspectRatio="xMidYMid slice" href="./images/img_12.png"></image>
									</g>
									<g transform="matrix(1,0,0,1,137.5,511)" opacity="1">
										<image width="515px" height="458px" preserveAspectRatio="xMidYMid slice" href="./images/img_11.png"></image>
									</g>
									<g mask="url(#ly_ZS8ToNn4Lz)">
										<g class="png" transform="matrix(0.354,0,0,0.3366,476.877,407.497)" opacity="1">
											<image width="334px" height="520px" preserveAspectRatio="xMidYMid slice" href="./images/img_10.png"></image>
										</g>
									</g>
									<g clip-path="url(#cp_Z4jPDas7)" transform="matrix(1,0,0,1,0,0)" opacity="1">
										<g transform="matrix(1,0,0,1,265,499)" opacity="1">
											<image width="150px" height="156px" preserveAspectRatio="xMidYMid slice" href="./images/img_9.png"></image>
										</g>
										<g transform="matrix(1,0,0,1,286,529)" opacity="1">
											<image width="35px" height="26px" preserveAspectRatio="xMidYMid slice" href="./images/img_8.png"></image>
										</g>
										<g transform="matrix(1,0,0,1,353,515)" opacity="1">
											<image width="43px" height="9px" preserveAspectRatio="xMidYMid slice" href="./images/img_7.png"></image>
										</g>
										<g transform="matrix(1,0,0,1,0,0)" opacity="1">
											<image width="750px" height="1334px" preserveAspectRatio="xMidYMid slice" href="./images/img_6.png" clip-path="url(#uNfKXLl0uj)"></image>
										</g>
										<g transform="matrix(1,0,0,1,0,0)" opacity="1">
											<image width="750px" height="1334px" preserveAspectRatio="xMidYMid slice" href="./images/img_5.png" clip-path="url(#MZLqqAWHbj)"></image>
										</g>
										<g transform="matrix(1,0,0,1,0,0)" opacity="1">
											<image width="750px" height="1334px" preserveAspectRatio="xMidYMid slice" href="./images/img_4.png" clip-path="url(#Yj4bGxEy4M)"></image>
										</g>
										<g transform="matrix(1,0,0,1,329,573)" opacity="1">
											<image width="54px" height="42px" preserveAspectRatio="xMidYMid slice" href="./images/img_3.png"></image>
										</g>
										<g transform="matrix(1,0,0,1,334,520)" opacity="1">
											<image width="7px" height="7px" preserveAspectRatio="xMidYMid slice" href="./images/img_2.png"></image>
										</g>
									</g>
									<g transform="matrix(1,0,0,1,243,454)" opacity="1">
										<image width="147px" height="114px" preserveAspectRatio="xMidYMid slice" href="./images/img_1.png"></image>
									</g>
								</g>
								<g class="png" transform="matrix(1,0,0,1,32,412.5)" opacity="1">
									<image width="908px" height="379px" preserveAspectRatio="xMidYMid slice" href="./images/img_0.png"></image>
								</g>
							</g>
						</svg>
					</div>
					<div id="beard" class="content-beard beard-anim" style="transform: scale(1);"></div>
				</div>
			</div>
			<div id="redPkWrap" class="redPk-wrap disappear-trans">
				<div class="redPk redPk-left"></div>
				<div class="redPk redPk-right"></div>
			</div>
			<div class="cloud-wrap">
				<div id="cloudBottom" class="cloud cloud-bottom disappear-trans"></div>
				<div id="cloudMid" class="cloud cloud-mid cloud-anim cloud-mid-trans"></div>
				<div id="cloudFront" class="cloud cloud-front cloud-anim">
					<div id="cloudFL" class="cloud cloud-front-left cloud-front-left-trans"></div>
					<div id="cloudFR" class="cloud cloud-front-right cloud-front-right-trans"></div>
				</div>
			</div>
		</div>
		<div id="buttonAroundWrap" class="disappear-trans">
			<div id="bubble" class="content-bubble">剩<span id="chanceNum">-</span>次机会</div>
			<div id="buttonStart" class="button-start button-start-anim">开始迎财神</div>
			<div id="tips" class="content-tips">天天迎财神，年初一、初五、初七当日可获得双倍福气值</div>
		</div>
		<div id="footer" class="footer">
			<div class="footer-title">迎财神有机会获得以下奖励</div>
			<div class="footer-rewards"><img src="./images/prize.png"></div>
			<div class="footer-chance">
				<a id="chanceBtn" href="javascript:;">获取更多机会</a>
				<p>每天分享可得1次，单笔投资每满1万可得1次</p>
			</div>
		</div>
		<div id="bgCover" class="bg-cover disappear-trans"></div>
</body>
</html>